*{margin: 0;padding: 0;}

body {
    font-size: 0;
}

/* body {
    width: 375px;
    height: 812px;
    position: relative;
} */
.top {
    width: 100%;
    height: 5.6rem;
    background: url(./img/image_brown@2x.png) no-repeat;
    background-size: 100%;
    position: relative;
}

.top>.leftJt {
    width: .293333rem;
    height: .426667rem;
    background: url(./img/leftJt.png) no-repeat;
    background-size: 100%;
    position: absolute;
    left: .426667rem;
    top: 1.546667rem;
}

.top .leftTxt {
    /* width: 280px; */
    height: .8rem;
    font-size: .533333rem;
    color: #FFFFFF;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    line-height: 30px;
    padding-top: 3.093333rem;
    padding-left: .426667rem;
}

.top .leftTxt1 {
    height: .64rem;
    font-size: .426667rem;
    color: #FFFFFF;
    padding-left: .426667rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    /* padding-top: 3.84rem; */
}

.top .yuandian {
    width: .186667rem;
    height: .186667rem;
    background: #FFFFFF;
    border-radius: 50%;
    margin-left: .426667rem;
    margin-top: .133333rem;
}

.top .leftTxt2 {
    width: 1.2rem;
    height: .56rem;
    font-size: .373333rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .56rem;
    margin-left: .72rem;
    margin-top: -0.386667rem;
}

.top .rightTxt {
    width: 2.773333rem;
    height: .56rem;
    font-size: .373333rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .56rem;
    margin-left: 6.8rem;
    margin-top: -0.426667rem;
}

.tuceng {
    width: 100%;
    height: 1.653333rem;
    background: url(./img/tuc.png);
    display: inline-block;
}

.tuceng>.jianjie {
    width: .853333rem;
    height: .64rem;
    font-size: .426667rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FE9E02;
    line-height: .64rem;
    margin-left: 2.853333rem;
    margin-top: .56rem;
    position: relative;
}

.tuceng .jianjie::after  {
    content: "";
    width: .853333rem;
    height: .053333rem;
    background: #FE9E02; 
    /* border: 1px solid #FE9E02; */
    /* margin-left: 2.853333rem;
    margin-top: 47px; */
    display: inline-block;
    position: absolute;
    top: .64rem;
    left: 0%;
}

.tuceng .munu {
    width: .853333rem;
    height: .64rem;
    font-size: .426667rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FE9E02;
    line-height: .64rem;
    margin-left: 6.213333rem;
    margin-top: -0.586667rem;
}

.feater {
    width: 100%;
    height: 12.186667rem;
    background: url(./img/hong.png) no-repeat;
    background-size: 100%;
    display: inline-block;
}

.feater>.downtxt1 {
    width: 5.973333rem;
    height: 1.12rem;
    font-size: .746667rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.12rem;
    margin-left: 2rem;
    margin-top: .906667rem;
    text-align: center;
}

.feater .downtxt2 {
    width: 5.28rem;
    height: .72rem;
    font-size: .48rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .72rem;
    margin-left: 2.346667rem;
    /* padding-top: 78px; */
    text-align: center;
}

.feater .juxing {
    width: 9.146667rem;
    height: 8.213333rem;
    background: #FEF4F2;
    margin-left: .426667rem;
    margin-top: .906667rem;
    display: inline-block;
}

.feater .juxing>.juxingtxt1 {
    width: 3.733333rem;
    height: .8rem;
    font-size: .533333rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #1F1F1F;
    line-height: .8rem;
    margin-left: 2.693333rem;
    margin-top: 1.093333rem;
    text-align: center; 
}

.feater .juxing .juxingtxt2 {
    width: 5.333333rem;
    height: .8rem;
    font-size: .533333rem;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #1F1F1F;
    line-height: .8rem;
    margin-left: 1.893333rem;
    /* margin-top: 1.893333rem; */
    text-align: center;
}

.feater .juxing .signRed {
    width: .213333rem;
    height: .213333rem;
    background: url(./img/sign_red@2x\(2\).png) no-repeat;
    background-size: 100%;
    margin-top: .986667rem;
    margin-left: .506667rem;
}

.feater .juxing .juxingtxt3 {
    width: 7.253333rem;
    height: 1.28rem;
    font-size: .426667rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1F1F1F;
    line-height: .64rem;
    margin-left: .933333rem;
    margin-top: -0.453333rem;
    /* text-align: center; */
}

.feater .juxing .juxingtxt3>span{
    color: #F3383F;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
}


.feater .juxing .signRed2 {
    width: .213333rem;
    height: .213333rem;
    background: url(./img/sign_red@2x\(2\).png) no-repeat;
    background-size: 100%;
    margin-top: .213333rem;
    margin-left: .506667rem;
}

/* .feater .juxing .juxingtxt3 {
    width: 7.253333rem;
    height: 1.28rem;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #1F1F1F;
    line-height: .64rem;
    margin-left: .933333rem;
    margin-top: -0.453333rem;
    text-align: center;
}

.feater .juxing .juxingtxt3>span{
    color: #F3383F;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
} */

.last {
    width: 100%;
    height: 1.333333rem;
    /* background: rgba(249, 249, 249, 0.94); */
    /* box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3); */
    /* filter: blur(20px); */
    /* z-index: 50; */
    display: inline-block;
    /* position: relative;
    bottom: 0px; */
}

.last>.lastTxt {
    /* width: 1.493333rem; */
    height: .56rem;
    font-size: .373333rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #8A8B8D;
    line-height: .56rem;
    z-index: 100;
    margin-top: .4rem;
    margin-left: .426667rem;
    display: inline-block;
}

/* .last>.lastTxt::after{
    content: "";
    width: 16xp;
    height: 16px;
    background: url(./img/试听.png) no-repeat;
} */

.last .shiting {
    width: .426667rem;
    height: .426667rem;
    background: url(./img/试听.png) no-repeat;
    background-size: 100%;
    margin-left: 2.026667rem;
    margin-top: -0.453333rem;
}

.last .jiage {
    width: 1.28rem;
    height: .533333rem;
    font-size: .453333rem;
    font-family: Helvetica;
    color: #000000;
    line-height: 20px;
    margin-top: -0.453333rem;
    margin-left: 4rem;
}

.last .yellow {
    width: 4.186667rem;
    height: 1.2rem;
    background: url(./img/黄标.png) no-repeat;
    background-size: 100%;
    margin-left: 5.12rem;
    margin-top: -1.013333rem;
    /* display: inline-block;  */
}

.last .yellow:active {
    opacity: .63;
}

.last .yellow>.buy {
    width: 3.493333rem;
    height: .72rem;
    font-size: .48rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .72rem;
    padding-left: .346667rem; 
    padding-top: .266667rem; 
    display: flex;  
    justify-content: center;
}

/* .last .yellow>.buy>span{
    text-align: center;
} */